@import "./courseDetail.scss";
.course-icon {
  width: 200px;
  height: 200px;
  display: flex;
  border-radius: 100%;

  margin: 0 auto;
  justify-content: center;
  align-items: center;
  &:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }
  .sw_course-ico {
    width: 130px;
    height: 130px;
    &.code {
      background: url(../../imgs/course/c/code.png) no-repeat;
      background-size: 100% auto;
    }
    &.age {
      background: url(../../imgs/course/c/age.png) no-repeat;
      background-size: 100% auto;
    }
    &.num80 {
      background: url(../../imgs/course/c/keshi.png) no-repeat;
      background-size: 100% auto;
    }
    &.num40 {
      background: url(../../imgs/course/c/xiangmu.png) no-repeat;
      background-size: 100% auto;
    }
    &.idea {
      background: url(../../imgs/course/c/idea.png) no-repeat;
      background-size: 100% auto;
    }
  }
}